@charset "UTF8";

/*-------------------
スマホ縦
-------------------*/
@media screen and (max-width: 480px){

.business-detail-contents-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.business-detail-box{
    width: 100%;
    box-sizing: border-box;
    background-color: #fbf1e8;
}

.business-detail-box p{
    font-size: 3vw;
}

.v-space{
    margin-top: 20px;
}

.text-area{
    padding: 2%;;
}

.type-A{
    order: 1;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-B{
    order: 2;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-C{
    order: 2;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-D{
    order: 1;
    box-shadow: 4px 4px 2px #6f6154;
}

}
/*-------------------
スマホ横
-------------------*/
@media screen and (min-width: 481px) and (max-width: 896px) {

.business-detail-contents-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.business-detail-box{
    width: calc((100% - 10px * 2) / 2);
    box-sizing: border-box;
    background-color: #fbf1e8;
}

.business-detail-box p{
    font-size: 1.5vw;
}

.v-space{
    margin-top: 20px;
}

.text-area{
    padding: 2%;;
}

.type-A{
    order: 1;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-B{
    order: 2;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-C{
    order: 1;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-D{
    order: 2;
    box-shadow: 4px 4px 2px #6f6154;
}

}
/*-----------------------
 タブレットスタイル(縦)
-------------------------*/
@media screen and (min-width: 897px) and (max-width: 1024px) {

.business-detail-contents-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.business-detail-box{
    width: calc((100% - 10px * 2) / 2);
    box-sizing: border-box;
    background-color: #fbf1e8;
}

.business-detail-box p{
    font-size: 1vw;
}

.v-space{
    margin-top: 20px;
}

.text-area{
    padding: 2%;;
}

.type-A{
    order: 1;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-B{
    order: 2;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-C{
    order: 1;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-D{
    order: 2;
    box-shadow: 4px 4px 2px #6f6154;
}

}

/*-------------------
タブレット_横
-------------------*/
@media screen and (min-width: 1025px) and (max-width: 1400px) {

.business-detail-contents-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.business-detail-box{
    width: calc((100% - 10px * 2) / 2);
    box-sizing: border-box;
    background-color: #fbf1e8;
}

.business-detail-box p{
    font-size: 1vw;
}

.v-space{
    margin-top: 20px;
}

.text-area{
    padding: 2%;;
}

.type-A{
    order: 1;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-B{
    order: 2;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-C{
    order: 1;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-D{
    order: 2;
    box-shadow: 4px 4px 2px #6f6154;
}

}

/*-------------------
ＰＣ
-------------------*/
@media all and (min-width: 1401px){

.business-detail-contents-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.business-detail-box{
    width: calc((100% - 10px * 2) / 2);
    box-sizing: border-box;
    background-color: #fbf1e8;
}

.business-detail-box p{
    font-size: 1vw;
}

.v-space{
    margin-top: 20px;
}

.text-area{
    padding: 2%;;
}

.type-A{
    order: 1;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-B{
    order: 2;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-C{
    order: 1;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-D{
    order: 2;
    box-shadow: 4px 4px 2px #6f6154;
}

}
/*-------------------
印刷用
-------------------*/
@media print{

.business-detail-contents-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.business-detail-box{
    width: calc((100% - 10px * 2) / 2);
    box-sizing: border-box;
    background-color: #fbf1e8;
}

.business-detail-box p{
    font-size: 1vw;
}

.v-space{
    margin-top: 20px;
}

.text-area{
    padding: 2%;;
}

.type-A{
    order: 1;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-B{
    order: 2;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-C{
    order: 1;
    box-shadow: 4px 4px 2px #6f6154;
}
.type-D{
    order: 2;
    box-shadow: 4px 4px 2px #6f6154;
}

}


/*-------------------
共通
-------------------*/

#business-detail-contents-area{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.type-A img{
    width: 100%;
    vertical-align: top;
}

.type-D img{
    width: 100%;
    vertical-align: top;
}